<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p{
            position: absolute;
            text-align: center;
            color: white;
            top: 15%;
            left: 47%;
        }
        .yuan{
            border-radius: 10px;
            width: 300px;
            height: 300px;
            background-color: white;
            border: 1px;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            position: absolute;
        }
        h1{
            text-align: center;
        }
        .cdd{
            position: absolute;
            bottom: 35%;
            right: 15%;
        }
        .add{
            color: white;
            background-color: blue;
            width: 150px;
        }
        .difang{
            position: absolute;
            left: 35%;
            bottom: 10%;
            text-align: center;
            font-size: 10px;
            color: gray;
        }
    </style>
</head>
<body bgcolor="blue" align="center">
    <p>七尾MES</p>
    <div class="yuan">
        <h1>
            欢迎登陆
        </h1><br>
        <form action="lilili002.html" align="center">
        账号<input type="text" placeholder="请输入账号"><br><br>
        密码<input type="password" placeholder="请输入密码"><br>
        <font class="cdd" style="font-size: 10px; text-align: right; color: blue;">忘记密码请联系客服</font><br><br>
        <input type="submit" value="登录" class="add">
        </form><br><br>
        <font class="difang">2023七尾原型工作室</font>
    </div>
</body>
</html>